
.header {
    height: $header-height;
    position:absolute;
    top:0;
    width:100%;
    min-width: 992px;
    text-align:center;
    color:white;
    background-color: $header-bg-color;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    z-index: 1001;
    .navbar-nav>li{
      float: left;
    }
    .navbar-right{
      float: right !important;
    }
}

.caret {
  margin-left: $font-size-base/2;
}

.header {
  box-shadow: inset -1px 0px 0px 0px $dark-gray;
}

.navbar-nav>li>a {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: $header-height;
  color: white;
}

.navbar-nav>li>a:hover{
  background-color: #f4645f;
}

.navbar-nav>li>a  .avatar {
  float: left;
}

.navbar-nav>li>a i {
    display: inline-block;
}

.navbar-nav>li>a p {
  display: inline-block;
  line-height: $header-height;
  font-size: $font-size-base;
  margin: 0px;
  // margin-left: $font-size-base/2;
  margin-left: 23px;
}

.navbar-nav>li>.dropdown-logo p{
  font-size: 20px;
  font-weight: bold;
}

.navbar-nav>li>a .exitBtn{
  line-height: 14px;
  margin-right: 30px;
  padding: 8px 16px;
  background: #f4645f;
  border-radius: 3px;
  box-shadow: 2px 2px 0px #cc0133;
}

.navbar-nav>li .exitBtn{
  margin-top: 26px;
  line-height: 14px;
  margin-right: 30px;
  padding: 8px 16px;
  background: #f4645f;
  border-radius: 3px;
  box-shadow: 2px 2px 0px #cc0133;
}


.user-info>a>p {
  float: left;

}

.avatar > img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 4px;
}

@media(max-width: 992px){
  .header{
    width: calc(100% + 260px);
    .navbar-right{
      position: absolute;
      top: 0px;
      right: 0px;
    }
  }


}
